<!-- 售后日志列表  -->
<template>
  <s-layout title="售后进度">
    <view class="log-box">
      <view v-for="(item, index) in state.list" :key="item.id">
        <log-item :item="item" :index="index" :data="state.list" />
      </view>
    </view>
  </s-layout>
</template>

<script setup>
import { onLoad } from '@dcloudio/uni-app'
import { reactive } from 'vue'
import logItem from './log-item.vue'
import AfterSaleApi from '@/api/trade/afterSale'

const state = reactive({
  list: [],
})

async function getDetail(id) {
  const { data } = await AfterSaleApi.getAfterSaleLogList(id)
  state.list = data
}

onLoad((options) => {
  state.aftersaleId = options.id
  getDetail(options.id)
})
</script>

<style lang="scss" scoped>
.log-box {
  padding: 24rpx 24rpx 24rpx 40rpx;
  background-color: #fff;
}
</style>
